<template>
    <el-dialog
    title="编辑"
    :visible.sync="dialogVisibleProps"
    width="30%"
    :before-close="handleClose">
        <span>修改标题</span>
        <el-input
            placeholder="请输入内容"
            v-model="title"
            clearable>
        </el-input>
        <span slot="footer" class="dialog-footer">
            <el-button @click="no">取消</el-button>
            <el-button type="primary" @click="yes">确 定</el-button>
        </span>
    </el-dialog>
</template>

<script>
export default {
    name:"editContent",
    props:{
        dialogVisibleProps:Boolean,
    },
    data(){
        return {
            title:""
        }
    },
    methods:{
        handleClose(done) {},
        yes(){
            this.$emit("edit",this.title)
            this.$emit("update:dialogVisibleProps",false);
        },
        no(){
            this.$emit("update:dialogVisibleProps",false);
        }
    }

}
</script>

<style>

</style>